<script setup lang="ts">
import Aside from './aside/index.vue'
import Main from './main/index.vue'
import Foot from './foot/index.vue'
</script>

<template>
<div class="container">
  <Aside />
  <div class="body">
    <Main />
    <Foot class="foot" />
  </div>
</div>
</template>

<style scoped lang="scss">
.container {
  display: flex;
  height: inherit;
  .body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .foot {
    max-height: 300px;
    height: 300px;
  }
}
</style>